<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <link rel="shortcut icon" href="assets/images/favicon_1.ico">

        <title>Ubold - Responsive Admin Dashboard Template</title>

        <!-- X-editable css -->
        <link type="text/css" href="../plugins/x-editable/css/bootstrap-editable.css" rel="stylesheet">

        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/style.css" rel="stylesheet" type="text/css" />

        <script src="assets/js/modernizr.min.js"></script>


    </head>


    <body class="fixed-left nicescroll" id="do-nicescrol">
   
                    <!-- Page-Title -->
        <div class="row">
            <div class="col-sm-12">
                <div class="btn-group pull-right m-t-15">
                    <button type="button" class="btn btn-default dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-expanded="false">Settings</button>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="btnGroupDrop1">
                        <a class="dropdown-item" href="form-xeditable.html#">Dropdown One</a>
                        <a class="dropdown-item" href="form-xeditable.html#">Dropdown Two</a>
                        <a class="dropdown-item" href="form-xeditable.html#">Dropdown Three</a>
                        <a class="dropdown-item" href="form-xeditable.html#">Dropdown Four</a>
                    </div>
                </div>

                <h4 class="page-title">X可编辑</h4>
                 <p class="text-muted page-title-alt">欢迎来到Ubold管理面板 !</p>

            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="card-box">
                    <h4 class="header-title m-t-0 m-b-20">内联示例</h4>

                    <table class="table table-bordered table-striped">
                        <tbody>
                        <tr>
                            <td width="35%">简单的文本字段</td>
                            <td width="65%"><a href="form-xeditable.html#" id="inline-username" data-type="text" data-pk="1" data-title="Enter username">superuser</a></td>
                        </tr>
                        <tr>
                            <td>空的文本字段，必需</td>
                            <td><a href="form-xeditable.html#" id="inline-firstname" data-type="text" data-pk="1" data-placement="right" data-placeholder="Required" data-title="Enter your firstname"></a></td>
                        </tr>
                        <tr>
                            <td>选择本地数组，自定义显示</td>
                            <td><a href="form-xeditable.html#" id="inline-sex" data-type="select" data-pk="1" data-value="" data-title="Select sex"></a></td>
                        </tr>
                        <tr>
                            <td>选择，远程阵列，没有按钮</td>
                            <td><a href="form-xeditable.html#" id="inline-group" data-type="select" data-pk="1" data-value="5" data-source="/groups" data-title="Select group">Admin</a></td>
                        </tr>
                        <tr>
                            <td>选择，加载时出错</td>
                            <td><a href="form-xeditable.html#" id="inline-status" data-type="select" data-pk="1" data-value="0" data-source="/status" data-title="Select status">Active</a></td>
                        </tr>

                        <tr>
                            <td>组合（日期）</td>
                            <td><a href="form-xeditable.html#" id="inline-dob" data-type="combodate" data-value="1984-05-15" data-format="YYYY-MM-DD" data-viewformat="DD/MM/YYYY" data-template="D / MMM / YYYY" data-pk="1"  data-title="Select Date of birth"></a></td>
                        </tr>
                        <tr>
                            <td>Combodate（日期时间）</td>
                            <td><a href="form-xeditable.html#" id="inline-event" data-type="combodate" data-template="D MMM YYYY  HH:mm" data-format="YYYY-MM-DD HH:mm" data-viewformat="MMM D, YYYY, HH:mm" data-pk="1"  data-title="Setup event date and time"></a></td>
                        </tr>

                        <tr>
                            <td>Textarea，下面的按钮。按Ctrl + Enter提交 <i>ctrl+enter</i></td>
                            <td><a href="form-xeditable.html#" id="inline-comments" data-type="textarea" data-pk="1" data-placeholder="Your comments here..." data-title="Enter comments">awesome user!</a></td>
                        </tr>

                        <tr>
                            <td>清单</td>
                            <td><a href="form-xeditable.html#" id="inline-fruits" data-type="checklist" data-value="2,3" data-title="Select fruits"></a></td>
                        </tr>

                        </tbody>
                    </table>
                </div>
            </div><!-- end col -->
        </div>
        <!-- end row -->

                   
        <script>
            var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/popper.min.js"></script><!-- Popper for Bootstrap -->
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/detect.js"></script>
        <script src="assets/js/fastclick.js"></script>
        <script src="assets/js/jquery.slimscroll.js"></script>
        <script src="assets/js/jquery.blockUI.js"></script>
        <script src="assets/js/waves.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/jquery.nicescroll.js"></script>
        <script src="assets/js/jquery.scrollTo.min.js"></script>

        <script src="assets/js/jquery.core.js"></script>
        <script src="assets/js/jquery.app.js"></script>

        <!-- XEditable Plugin -->
        <script src="../plugins/moment/moment.js"></script>
        <script type="text/javascript" src="../plugins/x-editable/js/bootstrap-editable.min.js"></script>
        <script type="text/javascript" src="assets/pages/jquery.xeditable.js"></script>

    </body>
</html>